<template>
	<div>
		<template>
		  <el-tabs v-model="activeName" >
		    <el-tab-pane label="资金管理" name="first">
				<template>
				  <el-table
				    ref="filterTable"
				    :data="subscribes"
				    style="width: 100%">
				    <el-table-column
				      prop="subscribeTime"
				      label="订阅日期"
				      sortable
				      width="180"
				      column-key="subscribeTime">
				    </el-table-column>
				    <el-table-column
				      prop="amount"
				      label="订阅金额"
				      width="180">
				    </el-table-column>
				    <el-table-column
				      prop="chapterName"
				      label="订阅的章节名">
				    </el-table-column>
					<el-table-column
					  prop="bookName"
					  label="书籍名"
					  width="180">
					</el-table-column>
				  </el-table>
				</template>
			</el-tab-pane>
		  </el-tabs>
		</template>
	</div>
</template>

<script>
  import $ from 'jquery'
  export default {
    data() {
		return {
			subscribes: [],
			activeName: 'first',
		};
    },
    methods: {
		select:function(){
			var _this=this;
			$.ajax({
				url:"http://localhost/subscribe/"+sessionStorage.getItem("userId"),
				type:"get",
				contentType:"application/json;charset=utf-8",
				success:function(data){
					_this.subscribes=data.data;
				}
			});
		}
    },
	created() {
		this.select();
	}
  };
</script>

<style>
</style>
